.header{
  height: 70px;
  .container-fluid{
    position: relative;
    .qr-btn{
      position: absolute;
      right: 10px;
      top: 7px;
    }
  }
  .header-text{
    text-align: center;
    font-size: 0.22rem;
    line-height: 48px;
    letter-spacing: 4px;
    font-weight: bold;
  }
}
.user-info{
  position: relative;
  height: 250px;
  padding:5% 2%;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 1px rgba(0,0,0,0.12);
  margin-bottom: 10px;
  background-color: #fff;
  #canvas{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .user-img{
    height: 100%;
    img{
      width: 120px;
      height: 120px;
      border-radius:6px;
    }
  }
  .user-text{
    padding: 0 2%;
    .name{
      font-size: 0.18rem;
    }
    .info-list{
      font-size: 0.12rem;
      color: #afafab;
      >div{
        float: left;
        margin-right: 10px;
      }
      .school{
        i{
          font-size: 0.16rem;
        }
        i,span{
          display: inline-block;
          vertical-align: middle;
        }
      }
    }
    .person-web{
      position: relative;
      line-height: 2;
      >a{
        display: inline-block;
        transition: .2s;
        padding:0 10px;
        &:hover{
          transform: scale(1.5);
        }
      }
    }
  }
}
@media (max-width: 768px) {
  .user-info{
    height: auto;
    #canvas{
      display: none;
    }
    .user-img{
      position: relative;
      float: none;
      text-align: center;
      img{
        position: relative;
        width: 80px;
        height: 80px;
        border-radius:30%;
      }
    }
    .user-text{
      float: none;
      text-align: center;
      .info-list{
        line-height: 1.6;
        >div{
          float: none;
          margin-right: 0;
        }
      }
    }
  }
}
.panel-title{
  a{
    color: #00aeff;
    transition: .2s;
    display: inline-block;

    &:hover{
      transform: scale(1.1);
    }
  }
}
/*
.item-list{
  position: relative;
  .list-group{
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.12);
    >li{
      a{
        color: #00aeff;
        transition: .2s;
        display: inline-block;
        &:hover{
          transform: scale(1.1);
        }
      }
    }
  }
}*/
.table-box{
  background: #fff;
}
